@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* 统一的表单输入样式 */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  textarea,
  select {
    @apply mt-1 block w-full rounded-md bg-white border border-black text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:ring-blue-500 shadow-sm font-medium px-4 py-2;
  }

  /* 调整 textarea 的内边距 */
  textarea {
    @apply py-3;
  }

  /* 表单容器样式 */
  .form-container {
    @apply bg-white rounded-lg shadow-sm border-2 border-gray-300 p-6;
  }

  /* 表单分区标题样式 */
  .form-section-header {
    @apply border-b-2 border-gray-300 pb-4 mb-4;
  }

  /* 表单分区标题文字样式 */
  .form-section-title {
    @apply text-lg font-medium text-gray-900;
  }

  /* 表单分区描述文字样式 */
  .form-section-description {
    @apply mt-1 text-sm text-gray-500;
  }

  /* 表单标签样式 */
  .form-label {
    @apply block text-sm font-medium text-gray-700;
  }

  /* 表单错误消息样式 */
  .form-error {
    @apply mt-1 text-sm text-red-600;
  }

  /* 表单按钮样式 */
  .form-button {
    @apply px-4 py-2 border-2 rounded-md shadow-sm text-sm font-medium;
  }

  /* 主要按钮样式 */
  .form-button-primary {
    @apply form-button border-transparent text-white bg-blue-600 hover:bg-blue-700 disabled:opacity-50;
  }

  /* 次要按钮样式 */
  .form-button-secondary {
    @apply form-button border-gray-300 text-gray-700 bg-white hover:bg-gray-50;
  }

  /* 添加 select 元素的样式 */
  select {
    @apply text-gray-900;  /* 默认文本颜色为深色 */
  }

  /* select 的 placeholder 选项使用灰色 */
  select option[value=""] {
    @apply text-gray-400;
  }

  /* 其他选项使用黑色 */
  select option:not([value=""]) {
    @apply text-gray-900;
  }
}

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

@media print {
  /* 隐藏不需要打印的元素 */
  nav, button, .no-print {
    display: none !important;
  }

  /* 确保内容适合打印 */
  body {
    padding: 0;
    margin: 0;
  }

  /* 调整页面布局 */
  .max-w-4xl {
    max-width: none !important;
    padding: 0 !important;
  }

  /* 确保文本清晰可见 */
  h1, h2, h3 {
    color: black !important;
  }

  /* 添加分页控制 */
  .page-break {
    page-break-before: always;
  }
}

/* 添加以下样式 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea {
  color: #000000 !important; /* 使用 !important 确保样式优先级 */
}

/* 如果需要设置 placeholder 颜色 */
input::placeholder,
textarea::placeholder {
  color: #6B7280;
}
